@tailwind base;
@tailwind components;
@tailwind utilities;

// SCSS 变量示例
$primary-color: #3b82f6;
$secondary-color: #64748b;

// SCSS 嵌套示例
.custom-button {
  background-color: $primary-color;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  color: white;
  
  &:hover {
    background-color: darken($primary-color, 10%);
  }
  
  &.secondary {
    background-color: $secondary-color;
    
    &:hover {
      background-color: darken($secondary-color, 10%);
    }
  }
}
